import { Component } from '@angular/core';
import { Animal } from '../animal';

@Component({
  selector: 'app-grandchild-c',
  standalone: true,
  imports: [],
  template: `
    <div
      class="px-4 py-1 border-2 border-blue-400 border-dashed rounded-md text-center"
    >
      Grandchild C: {{ animal.name }}
    </div>
  `,
  styles: ``,
})
export class GrandchildCComponent {
  constructor(public animal: Animal) {}
}
